<!--
  Generated template for the JoinCourseDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>加入课程</ion-title>
  </ion-navbar>

</ion-header>

<ion-content>
  <div class="main">
    <ul>
      <li class="bg-1">
        <div class="course-info">
          <p>
            {{courseName}}
          </p>
          <p>
            <span>
              {{teacherName}}
            </span>
            <span>
              {{className}}
            </span>
          </p>
        </div>
        <div class="course-code">
          <div>
            <p><span>{{courseNum}}</span></p>
            <!--<p>-->
              <!--<span *ngIf="item.isStartCourse<2&&curClassCourseId==item.classCourseId"> 正在进行{{item.unitSort}}单元</span>-->
              <!--<span *ngIf="item.isStartCourse<2&&curClassCourseId!=item.classCourseId"> 进行到{{item.unitSort}}单元</span>-->
              <!--<span *ngIf="item.isStartCourse>1"> 暂未开始授课</span>-->
            <!--</p>-->
          </div>
          <!--<ion-icon name="arrow-forward"></ion-icon>-->
        </div>
      </li>
    </ul>
    <button ion-button color="mainColor" (click)="join()">加入/JOIN</button>
  </div>
</ion-content>
